<template>
<div>
  <table>
    <tr>
		<th>报修描述</th>
		<th>地点</th>
		<th>类型</th>
		<th>学号</th>
    </tr>
    <tr v-for="re in repair">
      <td>
        {{re.repairInfo}}
      </td>
      <td>
        {{re.repairPath}}
      </td>
      <td>
        {{re.repairType}}
      </td>
      <td>
        {{re.studentId}}
      </td>
    </tr>
  </table>
</div>
</template>

<script>
export default {
  name: "StudentRepairInfo",
  created() {
    this.username=this.$route.query.username
    this.studentId = this.$route.query.studentId
    this.$ajax.get(base_url + "student/list_repair",{
      params:{
        studentId : this.studentId
      }

    }).then(response => {
      this.repair = response.data.data;
    })

  },
  data() {
    return {
      repair:"",
      studentId : "",
      username :""
    }
  }
}
</script>

<style scoped>

table,th,td{
	border:1px solid black;
}
table{
	width:70%;
  margin: auto;
}
th{
	height:50px;
	text-align: center;
	background-color: #E7E7E7;
	font-size: 30px;
}
td{
	height:30px;
	width: 100px;
	font-family: "宋体";
	font-size: 20px;
	text-align:center;
	background-color: gainsboro;
}
</style>